<template>
  <div>
    <div :class="{item1:true}"></div>
    <div :class="{item1:haveClass}"></div>
    <div :class="['item1']"></div>
    <div :class="['item' + classNum , ]"></div>
    <div :class="[{item1:true}]"></div>
    <my-button type="success"></my-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      haveClass: true,
      classNum: 1,
      myStyle: {
        height: "100px",
        width: "100px",
        background: "red",
        margin: "5px"
      }
    };
  },
  methods: {}
};
</script>
<style scoped>
.item1 {
  height: 100px;
  width: 100px;
  background: red;
  margin: 5px;
}
</style>